<!doctype html>
<html class="no-js">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>骏怡连锁</title>
  <meta name="description" content="这是一个 index 页面">
  <meta name="keywords" content="index">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="/favicon.ico">
  <meta name="apple-mobile-web-app-title" content="骏怡连锁" />
  <link rel="stylesheet" href="/assets/css/amazeui.min.css" />
  <link rel="stylesheet" href="/assets/css/admin.css">
  <script src="/assets/js/jquery.min.js"></script>
  <script src="/assets/js/app.js"></script>
  <!-- Sweet Alert-->
  <link rel="stylesheet" href="/assets/css/sweetalert2.min.css">
</head>

<body>
  <!--[if lte IE 9]><p class="browsehappy">升级你的浏览器吧！ <a href="http://se.360.cn/" target="_blank">升级浏览器</a>以获得更好的体验！</p><![endif]-->
  </head>

  <body>
    <header class="am-topbar admin-header">
      <div class="am-topbar-brand">
        <img src="/favicon.ico" />&nbsp;
        <span style="font-weight: bold;">骏怡连锁</span>
      </div>
    </header>

    <div class="am-cf admin-main">

      <div class="nav-navicon admin-main admin-sidebar">
        <div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员：
          <span id="currentUser"></span>
        </div>
        <div class="sideMenu">
          <h3 class="am-icon-volume-up">
            <em></em>
            <a href="#">首页</a>
          </h3>
          <h3 class="am-icon-flag">
            <em></em>
            <a href="/pages/room.html">客房管理</a>
          </h3>
          <h3 class="am-icon-cart-plus">
            <em></em>
            <a href="/pages/role.html"> 角色管理</a>
          </h3>
          <h3 class="am-icon-users">
            <em></em>
            <a href="/pages/employee.html">员工管理</a>
          </h3>
          <h3 class="am-icon-gears">
            <em></em>
            <a href="/pages/user.html">用户管理</a>
          </h3>
        </div>
        <!-- sideMenu End -->

        <script type="text/javascript">
          jQuery(".sideMenu").slide({
            titCell: "h3", //鼠标触发对象
            targetCell: "ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
            effect: "slideDown", //targetCell下拉效果
            delayTime: 300, //效果时间
            triggerTime: 150, //鼠标延迟触发时间（默认150）
            defaultPlay: true,//默认是否执行效果（默认true）
            returnDefault: true //鼠标从.sideMen移走后返回默认状态（默认false）
          });
        </script>

      </div>

      <div class=" admin-content">

        <div class="daohang">
          <div class="am-u-sm-2">
            <button type="button" class="am-btn am-btn-default am-radius am-btn-xs"> 首页</div>
          <div class="am-u-sm-6"></div>
          <div class="am-u-sm-4">
            <button type="button" class="am-btn am-btn-default am-radius am-btn-xs" id="logout"> 退出登录</div>
        </div>

        <div class="admin">
          <div class="admin-index">
            <dl data-am-scrollspy="{animation: 'slide-right', delay: 100}">
              <dt class="qs">
                <i class="am-icon-users"></i>
              </dt>
              <dd>455</dd>
              <dd class="f12">团队数量</dd>
            </dl>
            <dl data-am-scrollspy="{animation: 'slide-right', delay: 300}">
              <dt class="cs">
                <i class="am-icon-area-chart"></i>
              </dt>
              <dd>455</dd>
              <dd class="f12">今日收入</dd>
            </dl>
            <dl data-am-scrollspy="{animation: 'slide-right', delay: 600}">
              <dt class="hs">
                <i class="am-icon-shopping-cart"></i>
              </dt>
              <dd>455</dd>
              <dd class="f12">房间数量</dd>
            </dl>
            <dl data-am-scrollspy="{animation: 'slide-right', delay: 900}">
              <dt class="ls">
                <i class="am-icon-cny"></i>
              </dt>
              <dd>455</dd>
              <dd class="f12">全部收入</dd>
            </dl>
          </div>
          <div class="admin-biaoge">

          </div>
        </div>

      </div>




    </div>

    <!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="/assets/js/polyfill/rem.min.js"></script>
<script src="/assets/js/polyfill/respond.min.js"></script>
<script src="/assets/js/amazeui.legacy.js"></script>
<![endif]-->

    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="/assets/js/amazeui.min.js"></script>
    <!--<![endif]-->
    <script src="/assets/script/public.js"></script>
    <!-- Sweet Alert -->
    <script src="/assets/js/sweetalert.min.js"></script>

  </body>

</html>